<template>
  <div>
    <el-tabs tab-position="left" style="height: '1000px'" class="demo-tabs">
      <el-tab-pane label="什么是">
        <BaseMode />
      </el-tab-pane>
      <el-tab-pane label="请求">
        <UseRequestMode />
      </el-tab-pane>
      <el-tab-pane label="防抖">
        <DebounceWaitMode />
      </el-tab-pane>
      <el-tab-pane label="节流">
        <ThrottleWaitMode />
      </el-tab-pane>
      <el-tab-pane label="轮询模式">
        <PollingIntervalMode />
      </el-tab-pane>
      <el-tab-pane label="Ready">
        <ReadyMode />
      </el-tab-pane>
      <el-tab-pane label="依赖刷新">
        <RefreshDepsMode />
      </el-tab-pane>
      <el-tab-pane label="防止闪烁">
        <LoadingDelayMode />
      </el-tab-pane>
      <el-tab-pane label="屏幕聚焦重新请求">
        <RefreshOnWindowFocusMode />
      </el-tab-pane>
      <el-tab-pane label="无限滚动逻辑">
        <UseInfiniteScrollMode />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script setup>
  import BaseMode from "./components/base.vue";
  import UseRequestMode from "./components/UseRequest.vue";
  import DebounceWaitMode from "./components/DebounceWait.vue";
  import ThrottleWaitMode from "./components/ThrottleWait.vue";
  import PollingIntervalMode from "./components/PollingInterval.vue";
  import ReadyMode from "./components/Ready.vue";
  import RefreshDepsMode from "./components/RefreshDeps.vue";
  import LoadingDelayMode from "./components/LoadingDelay.vue";
  import RefreshOnWindowFocusMode from "./components/RefreshOnWindowFocus.vue";
  import UseInfiniteScrollMode from "./components/UseInfiniteScroll.vue";
</script>

<style lang="scss" scoped></style>
